<!-- 用户管理模板 -->
<div class="bg-light lter b-b wrapper-sm">
	<h1 class="m-n font-thin h4">用户管理</h1>
</div>
<div class="wrapper-sm" ng-controller="userController">
	<div class="panel panel-default">
		<div class="panel-heading font-bold">查询</div>
		<div class="panel-body">
			<div class="form-group">
				<label class="control-label pull-left m-t-xs">关键字</label>
				<div class="col-md-2">
					<input ng-model="queryTerms.searchingKeyWord" id="table_user_searchingKeyWord" type="text" class="form-control input-sm"
						placeholder="请输入关键字" />
				</div>
				<label class="control-label pull-left m-t-xs">车牌号</label>
				<div class="col-md-2">
					<input ng-model="queryTerms.searchingCarCode" id="table_user_searchingCarCode" type="text" class="form-control input-sm"
						placeholder="请输入车牌号" ng-pattern="/^[\u4e00-\u9fa5]{1}[a-zA-Z]{1}[a-zA-Z_0-9]{5}$/"/>
				</div>
				<label class="control-label pull-left m-t-xs">角色</label>
				<div class="col-md-2 form-group">
					<select ng-model="queryTerms.searchingRoleId" ng-options="x.id as x.name for x in rolesDropDown" id="table_user_searchingRoleId"
						class="form-control input-sm">
                        <option value="">全部</option>
                    </select>
				</div>
				<label class="control-label pull-left m-t-xs">实名认证状态</label>
				<div class="col-md-2 form-group">
					<select ng-model="queryTerms.searchingState" ng-options="x.value as x.text for x in rolesDropDown" id="table_user_searchingState"
						class="form-control input-sm">
                        <option value="">全部</option>
                    </select>
				</div>
				
			</div>
			<div class="form-group">
				<label class="control-label pull-left m-t-xs">起始时间</label>
				<div class="col-md-2">
					<input type="datetime-local" class="form-control" required="" id="startTime" name="startTime" ng-model="searchingStartTime">
				</div>

				<label class="control-label pull-left m-t-xs">结束时间</label>
				<div class="col-md-2">
					<input type="datetime-local" class="form-control" required="" id="endTime" name="endTime" ng-model="searchingEndTime">
				</div>
				<div class="col-md-2">
					<button ng-click="query()" id="table_user_query" class="btn btn-sm btn-default btn-addon" ng-class="{'disabled':querying}"
						ng-disabled="querying">
                        <i class="fa fa-search" ng-show="!querying"></i>
                        <i class="fa fa-spinner no-bordr" ng-show="querying" ng-class="{'fa-spin':querying}"></i>
                        <span ng-show="!querying">查询</span>
                        <span ng-show="querying">查询中...</span>
                    </button>
				</div>
			</div>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			用户列表
		</div>
		<div class="table-responsive">
			<div ui-grid="gridOptions" id="table_user_gridOptions" ui-grid-pagination ui-grid-auto-resize ui-grid-resize-columns
				style="height:100%px; overflow:hidden;">
				<div class="watermark" ng-if="!gridOptions.data.length">暂无数据</div>
			</div>
		</div>
	</div>

	<!-- 编辑对话框 -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="myModalLabel">{{title}}</h4>
				</div>
				<form class="form-horizontal form-validation" id="UserForm" novalidate>
					<div class="modal-body">
						<div class="form-group">
							<label class="col-lg-4 control-label">用户名<span class="text-danger">*</span></label>
							<div class="col-lg-4">
								<input ng-model="detail.userName" id="table_user_detail_userName" name="userName" type="text" class="form-control"
									disabled>
							</div>
						</div>
						<div class="form-group">
							<label class="col-lg-4 control-label">车牌号<span class="text-danger">*</span></label>
							<div class="col-lg-4">
								<input ng-model="detail.carCode" id="table_user_detail_carCode" name="carCode" type="text" class="form-control"
									disabled>
							</div>
						</div>
						<div class="form-group">
                            <label class="col-md-2 control-label">实名头像</label>
                            <div class="col-md-4">
                                <div class="img-thumbnail img-borders">
                                    <img class="img-responsive" src="{{detail.realHeadImage}}" />
                                    <div class="tools tools-bottom">
                                        <b>{{detail.realHeadImageStatus}}</b>
                                        <div ng-show="detail.realHeadImageTool">
                                            <a ng-hide="detail.clickOkPassState" ng-click="detail.clickOkPass('RealHeadImage')">
                                                <i ng-show="detail.clickRemovePassState" class="glyphicon glyphicon-ok-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="detail.clickOkPassState" ng-click="detail.clickOk('RealHeadImage')">
                                                <i ng-show="detail.clickRemovePassState" class="glyphicon glyphicon-ok"></i>
                                            </a>
                                            <a ng-hide="detail.clickRemovePassState" ng-click="detail.clickRemovePass('RealHeadImage')">
                                                <i ng-show="detail.clickOkPassState" class="glyphicon glyphicon-remove-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="detail.clickRemovePassState" ng-click="detail.clickRemove('RealHeadImage')">
                                                <i ng-show="detail.clickOkPassState" class="glyphicon glyphicon-remove red-remove"></i>
                                            </a>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <label class="col-md-2 control-label">身份证</label>
                            <div class="col-md-4">
                                <div class="img-thumbnail img-borders">
                                    <img class="img-responsive" src="{{detail.idCardImage}}" />
                                    <div class="tools tools-bottom">
                                        <b>{{detail.idCardImageSatus}}</b>
                                        <div ng-show="detail.idCardImageTool">
                                            <a ng-hide="detail.clickIdCardOkPassState" ng-click="detail.clickOkPass('IDCardImage')">
                                                <i ng-show="detail.clickIdCardRemovePassState" class="glyphicon glyphicon-ok-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="detail.clickIdCardOkPassState" ng-click="detail.clickOk('IDCardImage')">
                                                <i ng-show="detail.clickIdCardRemovePassState" class="glyphicon glyphicon-ok"></i>
                                            </a>
                                            <a ng-hide="detail.clickIdCardRemovePassState" ng-click="detail.clickRemovePass('IDCardImage')">
                                                <i ng-show="detail.clickIdCardOkPassState" class="glyphicon glyphicon-remove-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="detail.clickIdCardRemovePassState" ng-click="detail.clickRemove('IDCardImage')">
                                                <i ng-show="detail.clickIdCardOkPassState" class="glyphicon glyphicon-remove red-remove"></i>
                                            </a>

                                        </div>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-2 control-label">驾驶证</label>
                            <div class="col-md-4">
                                <div class="img-thumbnail img-borders">
                                    <img class="img-responsive" src="{{detail.drivingLicenseImage}}" />
                                    <div class="tools tools-bottom">
                                        <b>{{detail.drivingLicenseImageStatus}}</b>
                                        <div ng-show="detail.drivingLicenseImageTool">
                                            <a ng-hide="detail.clickDrivingLicenseOkPassState" ng-click="detail.clickOkPass('DrivingLicenseImage')">
                                                <i ng-show="detail.clickDrivingLicenseRemovePassState" class="glyphicon glyphicon-ok-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="detail.clickDrivingLicenseOkPassState" ng-click="detail.clickOk('DrivingLicenseImage')">
                                                <i ng-show="detail.clickDrivingLicenseRemovePassState" class="glyphicon glyphicon-ok"></i>
                                            </a>
                                            <a ng-hide="detail.clickDrivingLicenseRemovePassState" ng-click="detail.clickRemovePass('DrivingLicenseImage')">
                                                <i ng-show="detail.clickDrivingLicenseOkPassState" class="glyphicon glyphicon-remove-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="detail.clickDrivingLicenseRemovePassState" ng-click="detail.clickRemove('DrivingLicenseImage')">
                                                <i ng-show="detail.clickDrivingLicenseOkPassState" class="glyphicon glyphicon-remove red-remove"></i>
                                            </a>

                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                            <label class="col-md-2 control-label">行驶证</label>
                            <div class="col-md-4">
                                <div class="img-thumbnail img-borders">
                                    <img class="img-responsive" src="{{detail.vehicleLicenseImage}}" />
                                    <div class="tools tools-bottom">
                                        <b>{{detail.vehicleLicenseImageStatus}}</b>
                                        <div ng-show="detail.vehicleLicenseImageTool">
                                            <a ng-hide="detail.clickVehicleLicenseOkPassState" ng-click="detail.clickOkPass('VehicleLicenseImage')">
                                                <i ng-show="detail.clickVehicleLicenseRemovePassState" class="glyphicon glyphicon-ok-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="detail.clickVehicleLicenseOkPassState" ng-click="detail.clickOk('VehicleLicenseImage')">
                                                <i ng-show="detail.clickVehicleLicenseRemovePassState" class="glyphicon glyphicon-ok"></i>
                                            </a>
                                            <a ng-hide="detail.clickVehicleLicenseRemovePassState" ng-click="detail.clickRemovePass('VehicleLicenseImage')">
                                                <i ng-show="detail.clickVehicleLicenseOkPassState" class="glyphicon glyphicon-remove-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="detail.clickVehicleLicenseRemovePassState" ng-click="detail.clickRemove('VehicleLicenseImage')">
                                                <i ng-show="detail.clickVehicleLicenseOkPassState" class="glyphicon glyphicon-remove red-remove"></i>
                                            </a>

                                        </div>
                                    </div>
                               
                                 </div>
                            </div>
                        </div>
						<div class="form-group">
							<label class="col-lg-4 control-label">说明<span class="text-danger"></span></label>
							<div class="col-lg-6">
								<textarea ng-model="detail.message" id="table_user_detail_message" class="form-control" placeholder="请输入说明"></textarea>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						<button ng-click="detail.click()" id="table_user_detail_click" type="button" class="btn btn-primary">保存</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>